<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>迈乐科技</title>
    <!--/google-fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap"
          rel="stylesheet">
    <!--//google-fonts -->
    <!-- Template CSS -->
    <link rel="stylesheet" href="assets/css/style-liberty.css">
</head>

<body>
<!--/Header-->
<!--    <header id="site-header" class="fixed-top">-->
<!--        <div class="container">-->
<!--            <nav class="navbar navbar-expand-lg navbar-light stroke py-lg-0">-->
<!--                <h1><a class="navbar-brand pe-xl-5 pe-lg-4" href="index.html">-->
<!--                        Ko<span class="sublog">Deal.</span>-->
<!--                    </a></h1>-->
<!--                <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">-->
<!--                    <span class="navbar-toggler-icon fa icon-expand fa-bars"></span>-->
<!--                    <span class="navbar-toggler-icon fa icon-close fa-times"></span>-->
<!--                </button>-->
<!--                <div class="collapse navbar-collapse" id="navbarScroll">-->
<!--                    <ul class="navbar-nav me-lg-auto my-2 my-lg-0 navbar-nav-scroll">-->
<!--                        <li class="nav-item">-->
<!--                            <a class="nav-link active" aria-current="page" href="index.html">Home</a>-->
<!--                        </li>-->
<!--                        <li class="nav-item">-->
<!--                            <a class="nav-link" href="about.html">About</a>-->
<!--                        </li>-->
<!--                        <li class="nav-item">-->
<!--                            <a class="nav-link" href="services.html">Services</a>-->
<!--                        </li>-->
<!--                        <li class="nav-item dropdown">-->
<!--                            <a class="nav-link dropdown-toggle" href="#Pages" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">-->
<!--                                Blog <span class="fa fa-angle-down ms-1"></span>-->
<!--                            </a>-->
<!--                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">-->
<!--                                <li><a class="dropdown-item pt-2" href="blog.html">Blog Grids</a></li>-->
<!--                                <li><a class="dropdown-item" href="blog-left.html">Blog Left Sidebar </a></li>-->
<!--                                <li><a class="dropdown-item" href="blog-right.html">Blog Right Sidebar</a></li>-->
<!--                                <li><a class="dropdown-item" href="blog-left-single.html">Blog Single Left Sidebar</a></li>-->
<!--                                <li><a class="dropdown-item" href="blog-right-single.html">Blog Single Right Sidebar </a></li>-->
<!--                                <li><a class="dropdown-item" href="blog-single.html">Blog Single Post</a></li>-->
<!--                            </ul>-->
<!--                        </li>-->
<!--                        <li class="nav-item dropdown">-->
<!--                            <a class="nav-link dropdown-toggle" href="#Pages" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">-->
<!--                                Pages <span class="fa fa-angle-down ms-1"></span>-->
<!--                            </a>-->
<!--                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">-->
<!--                                <li><a class="dropdown-item" href="email.html">Email Page</a></li>-->
<!--                                <li><a class="dropdown-item" href="elements.html">Elements</a></li>-->

<!--                                <li><a class="dropdown-item" href="landing.html">Landing Page</a></li>-->
<!--                                <li><a class="dropdown-item " href="error.html">404</a></li>-->
<!--                            </ul>-->
<!--                        </li>-->
<!--                        <li class="nav-item">-->
<!--                            <a class="nav-link" href="contact.html">Contact</a>-->
<!--                        </li>-->

<!--                    </ul>-->
<!--                    <ul class="navbar-nav search-right mt-lg-0 mt-2">-->
<!--                        <li class="nav-item mr-2" title="Search"><a href="#search" class="search-search">-->
<!--                                <span class="fas fa-search" aria-hidden="true"></span></a></li>-->
<!--                        <li class="nav-item mx-lg-4"><a href="" class="phone-btn btn-white d-none d-lg-block btn-style ms-2"><span class="fas fa-user me-2" aria-hidden="true"></span> User Login</a></li>-->
<!--                    </ul>-->

<!--                    &lt;!&ndash; //toggle switch for light and dark theme &ndash;&gt;-->
<!--                    &lt;!&ndash; search popup &ndash;&gt;-->
<!--                    <div id="search" class="w3lpop-overlay">-->
<!--                        <div class="w3lpopup">-->
<!--                            <form action="#formsearch" method="GET" class="d-flex">-->
<!--                                <input type="search" placeholder="Search.." name="search" required="required" autofocus>-->
<!--                                <button type="submit"><span class="fas fa-search"></span></button>-->
<!--                                <a class="close" href="#formsearch">&times;</a>-->
<!--                            </form>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash; /search popup &ndash;&gt;-->
<!--                </div>-->
<!--                &lt;!&ndash; toggle switch for light and dark theme &ndash;&gt;-->
<!--                <div class="mobile-position">-->
<!--                    <nav class="navigation">-->
<!--                        <div class="theme-switch-wrapper">-->
<!--                            <label class="theme-switch" for="checkbox">-->
<!--                                <input type="checkbox" id="checkbox">-->
<!--                                <div class="mode-container">-->
<!--                                    <i class="gg-sun"></i>-->
<!--                                    <i class="gg-moon"></i>-->
<!--                                </div>-->
<!--                            </label>-->
<!--                        </div>-->
<!--                    </nav>-->
<!--                </div>-->
<!--                &lt;!&ndash; //toggle switch for light and dark theme &ndash;&gt;-->
<!--            </nav>-->
<!--        </div>-->
<!--    </header>-->
<!--//Header-->
<!-- main-slider -->
<section class="w3l-main-slider banner-slider" id="home">
    <div class="owl-one owl-carousel owl-theme">
        <div class="item">
            <div class="slider-info banner-view banner-top1">
                <div class="container">
                    <div class="banner-info">
                        <h3>我们是 <span>科技企业</span></h3>
                        <div class="banner-info-top">
                            <p>专注于云计算，云原生研发</p>
                            <!--                                <a href="about.html" class="btn btn-style btn-outline-light mt-sm-5 mt-4">Read More <span class="fas fa-angle-double-right ms-2"></span> </a>-->
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--            <div class="item">-->
        <!--                <div class="slider-info banner-view banner-top2">-->
        <!--                    <div class="container">-->
        <!--                        <div class="banner-info">-->
        <!--                            <h3>We deal in brilliant <span>inventive</span></h3>-->
        <!--                            <div class="banner-info-top">-->
        <!--                                <p>Lorem ipsum viverra feugiat. Pellen tesque libero ut justo, ultrices in ligula. </p>-->
        <!--                                <a href="about.html" class="btn btn-style btn-outline-light mt-sm-5 mt-4">Read More <span class="fas fa-angle-double-right ms-2"></span> </a>-->
        <!--                            </div>-->
        <!--                        </div>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--            <div class="item">-->
        <!--                <div class="slider-info banner-view banner-top3">-->
        <!--                    <div class="container">-->
        <!--                        <div class="banner-info">-->
        <!--                            <h3>We deal in brilliant <span>creativity</span></h3>-->
        <!--                            <div class="banner-info-top">-->
        <!--                                <p>Lorem ipsum viverra feugiat. Pellen tesque libero ut justo, ultrices in ligula.</p>-->
        <!--                                <a href="about.html" class="btn btn-style btn-outline-light mt-sm-5 mt-4">Read More <span class="fas fa-angle-double-right me-2"></span> </a>-->
        <!--                            </div>-->
        <!--                        </div>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--            <div class="item">-->
        <!--                <div class="slider-info banner-view banner-top4">-->
        <!--                    <div class="container">-->
        <!--                        <div class="banner-info">-->
        <!--                            <h3>We deal in brilliant <span>inventive</span></h3>-->
        <!--                            <div class="banner-info-top">-->
        <!--                                <p>Lorem ipsum viverra feugiat. Pellen tesque libero ut justo, ultrices in ligula. </p>-->
        <!--                                <a href="about.html" class="btn btn-style btn-outline-light mt-sm-5 mt-4">Read More <span class="fas fa-angle-double-right ms-2"></span> </a>-->

        <!--                            </div>-->
        <!--                        </div>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
    </div>
</section>
<!-- /main-slider -->
<!--/bottom-3-grids-->
<div class="w3l-3-grids" id="grids-3">
    <div class="container-fluid mx-lg-0">
        <div class="row pt-sm-0 pt-5">
            <div class="col-lg-4 col-sm-6 mt-sm-0 m px-md-0 w3-gridhny-1 position-relative">
                <div class="grids3-info">
                    <a href="#" class="d-block zoom"><img src="assets/images/g1.jpg" alt=""
                                                          class="img-fluid news-image"></a>
                    <div class="w3-grids3-info">
                        <h6><a href="#category" class="category d-block">行动</a></h6>
                        <h4><a href="#">我们是年轻化企业<span>在行动中管理</span></a></h4>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 mt-sm-0 px-md-0 w3-gridhny-1 position-relative">
                <div class="grids3-info">
                    <a href="blog-single.html" class="d-block zoom"><img src="assets/images/g2.jpg"
                                                                         alt=""
                                                                         class="img-fluid news-image"></a>
                    <div class="w3-grids3-info second">
                        <h6><a href="#category" class="category d-block">品牌</a></h6>
                        <h4><a href="#">自主专有研发<span>品牌</span></a></h4>

                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 mt-lg-0 px-md-0 w3-gridhny-1 position-relative">
                <div class="grids3-info">
                    <a href="blog-single.html" class="d-block zoom"><img src="assets/images/g3.jpg"
                                                                         alt=""
                                                                         class="img-fluid news-image"></a>
                    <div class="w3-grids3-info">
                        <h6><a href="#category" class="category d-block">项目</a></h6>
                        <h4><a href="#">50+实际完整项目<span>经验</span></a></h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--//bottom-3-grids-->
<!--/about-section-->
<!--<section class="w3l-index2" id="about">-->
<!--    <div class="midd-w3 py-5">-->
<!--        <div class="container py-md-5 py-3">-->
<!--            &lt;!&ndash;/row-1&ndash;&gt;-->
<!--            <div class="row">-->
<!--                <div class="col-lg-6">-->
<!--                    <div class="w3shape position-relative">-->
<!--                        <img src="assets/images/ab1.jpg" alt="" class="radius-image img-fluid">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-lg-6 mt-lg-0 mt-md-5 mt-4 align-self ps-lg-5">-->
<!--                    <div class="title-content text-left">-->
<!--                        <h6 class="title-subhny mb-2"><span>Our Story</span></h6>-->
<!--                        <h3 class="title-w3l">Helping business become what they-->
<!--                            <span class="span-bold">can be</span>-->
<!--                        </h3>-->
<!--                    </div>-->
<!--                    <p class="mt-md-4 mt-3">Lorem ipsum viverra feugiat. Pellen tesque libero ut-->
<!--                        justo,-->
<!--                        ultrices in ligula. Semper at tempufddfel. Lorem ipsum dolor sit amet-->
<!--                        elit. Non quae, fugiat nihil ad. Lorem ipsum dolor sit amet. Lorem ipsum-->
<!--                        init-->
<!--                        dolor sit, amet elit. Dolor ipsum non velit, culpa! Vivamus a et ut justo,-->
<!--                        init in dolor et.</p>-->
<!--                    <div class="w3l-two-buttons">-->
<!--                        <a href="about.html" class="btn btn-style btn-primary mt-lg-5 mt-4">Read-->
<!--                            More <span class="fas fa-angle-double-right ms-2"></span></a>-->
<!--                        <a href="#view" class="btn btn-outline-primary btn-style mt-lg-5 mt-4 ms-2">-->
<!--                            Contact Us<span class="fas fa-angle-double-right ms-2"></span></a>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            &lt;!&ndash;//row-1&ndash;&gt;-->
<!--            &lt;!&ndash;/row-2&ndash;&gt;-->
<!--            <div class="row w3l-circles">-->
<!--                <div class="col-lg-6 circles-left pe-lg-5 p-lg-0">-->
<!--                    <p class="mt-4">Lorem ipsum viverra feugiat. Pellen tesque libero ut justo,-->
<!--                        ultrices in ligula. Semper at tempufddfel. Lorem ipsum dolor sit amet-->
<!--                        elit. Non quae, fugiat nihil ad. Lorem ipsum dolor sit amet. Lorem ipsum-->
<!--                        init-->
<!--                        dolor sit, amet elit. Dolor ipsum non velit, culpa! Vivamus a et ut justo,-->
<!--                        init in dolor et ipsum non-->
<!--                        velit.</p>-->
<!--                    <div class="w3l-two-buttons">-->
<!--                        <a href="about.html" class="btn btn-style btn-primary mt-lg-5 mt-4">Read-->
<!--                            More <span class="fas fa-angle-double-right ms-2"></span></a>-->
<!--                        <a href="#view" class="btn btn-outline-primary btn-style mt-lg-5 mt-4 ms-3">-->
<!--                            Services Info <span class="fas fa-angle-double-right ms-2"></span></a>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-lg-6 circles-right mt-lg-0 mt-5 align-self position-relative">-->
<!--                    <div class="progress-circles text-lg-right">-->
<!--                        <div class="circle1">-->
<!--                            <div id="progress" data-dimension="140" data-text="95%"-->
<!--                                 data-fontsize="28" data-percent="95" data-fgcolor="#ff6700"-->
<!--                                 data-bgcolor="#eee" data-width="15" data-bordersize="10"-->
<!--                                 data-animationstep="2">-->
<!--                            </div>-->
<!--                            <h4>Design</h4>-->
<!--                        </div>-->
<!--                        <div class="circle1">-->
<!--                            <div id="progress1" data-dimension="140" data-text="75%"-->
<!--                                 data-fontsize="28" data-percent="75" data-fgcolor="#ff6700"-->
<!--                                 data-bgcolor="#eee" data-width="15" data-bordersize="10"-->
<!--                                 data-animationstep="2">-->
<!--                            </div>-->
<!--                            <h4>24/7 Support</h4>-->
<!--                        </div>-->
<!--                        <div class="circle1">-->
<!--                            <div id="progress2" data-dimension="140" data-text="100%"-->
<!--                                 data-fontsize="28" data-percent="100" data-fgcolor="#ff6700"-->
<!--                                 data-bgcolor="#eee" data-width="15" data-bordersize="10"-->
<!--                                 data-animationstep="2">-->
<!--                            </div>-->
<!--                            <h4>Daily Updates</h4>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            &lt;!&ndash;//row-2&ndash;&gt;-->

<!--        </div>-->
<!--    </div>-->
<!--</section>-->
<!--//about-section-->
<!--<section class="w3l-video-sec" id="video">-->
<!--    <div class="container">-->
<!--        <div class="w3l-index5 py-5" id="video">-->
<!--            <div class="history-info align-self text-center py-5 my-lg-5">-->
<!--                <div class="position-relative py-5 my-lg-5">-->
<!--                    <a href="#small-dialog1"-->
<!--                       class="popup-with-zoom-anim play-view text-center position-absolute">-->
<!--                            <span class="video-play-icon">-->
<!--                                <span class="fa fa-play"></span>-->
<!--                            </span>-->
<!--                    </a>-->
<!--                    &lt;!&ndash; dialog itself, mfp-hide class is required to make dialog hidden &ndash;&gt;-->
<!--                    <div id="small-dialog1" class="zoom-anim-dialog mfp-hide">-->
<!--                        <iframe src="#" sandbox="" frameborder="0" allow="autoplay; fullscreen"-->
<!--                                allowfullscreen=""></iframe>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</section>-->
<!--/grids-->
<!--<section class="w3l-grids-3 home-page-gds py-5">-->
<!--    <div class="container py-md-5 py-3">-->
<!--        <div class="header-sec text-center pt-lg-5 mt-lg-5">-->
<!--            <h3 class="title-w3l two mb-4 mt-lg-5">We are a young and creative company & we <br>-->
<!--                offer you-->
<!--                <span class="span-bold">fresh ideas.</span>-->
<!--            </h3>-->
<!--        </div>-->
<!--        <div class="row bottom_grids text-left">-->
<!--            <div class="col-lg-3 col-md-6 mt-5">-->
<!--                <div class="grid-block text-center">-->
<!--                    <a href="blog-single.html" class="d-block p-lg-4 p-3">-->
<!--                        <span class="fas fa-coins" aria-hidden="true"></span>-->
<!--                        <h4 class="my-3">Secure Payments</h4>-->
<!--                        <p class="">Lorem ipsum viverra feugiat. Pellen tesque libero ut justo,-->
<!--                            ultrices in ligula. </p>-->
<!--                    </a>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-lg-3 col-md-6 mt-5">-->
<!--                <div class="grid-block text-center">-->
<!--                    <a href="blog-single.html" class="d-block p-lg-4 p-3">-->
<!--                        <span class="fas fa-chart-pie" aria-hidden="true"></span>-->
<!--                        <h4 class="my-3">Daily Updates</h4>-->
<!--                        <p class="">Lorem ipsum viverra feugiat. Pellen tesque libero ut justo,-->
<!--                            ultrices in ligula. </p>-->
<!--                    </a>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-lg-3 col-md-6 mt-5">-->
<!--                <div class="grid-block text-center">-->
<!--                    <a href="blog-single.html" class="d-block p-lg-4 p-3">-->
<!--                        <span class="fas fa-bullhorn" aria-hidden="true"></span>-->
<!--                        <h4 class="my-3">Market Research</h4>-->

<!--                        <p class="">Lorem ipsum viverra feugiat. Pellen tesque libero ut justo,-->
<!--                            ultrices in ligula. </p>-->
<!--                    </a>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-lg-3 col-md-6 mt-5">-->
<!--                <div class="grid-block text-center">-->
<!--                    <a href="blog-single.html" class="d-block p-lg-4 p-3">-->
<!--                        <span class="fas fa-headset" aria-hidden="true"></span>-->
<!--                        <h4 class="my-3">24/7 Support</h4>-->
<!--                        <p class="">Lorem ipsum viverra feugiat. Pellen tesque libero ut justo,-->
<!--                            ultrices in ligula. </p>-->
<!--                    </a>-->
<!--                </div>-->
<!--            </div>-->

<!--        </div>-->
<!--    </div>-->
<!--</section>-->
<!--//grids-->

<!--/tabs-faqs-->
<!--<section class="w3l-products w3l-faq-block py-5" id="projects">-->
<!--    <div class="container py-lg-5 py-md-4 py-2">-->
<!--        <div class="row ">-->
<!--            <div class="col-lg-6 mx-auto pe-lg-5">-->
<!--                <h6 class="title-subhny mb-2"><span>Finance</span></h6>-->
<!--                <h3 class="title-w3l mb-lg-5 mb-4">We bring solutions to manage your finance the way-->
<!--                    <span class="span-bold">works best.</span>-->
<!--                </h3>-->
<!--                &lt;!&ndash;Horizontal Tab&ndash;&gt;-->
<!--                <div id="parentHorizontalTab">-->
<!--                    <ul class="resp-tabs-list hor_1 mb-2">-->
<!--                        <li>What we do</li>-->
<!--                        <li>Our Mission</li>-->
<!--                        <li>Social impact</li>-->
<!--                        <div class="clear"></div>-->
<!--                    </ul>-->
<!--                    <div class="resp-tabs-container hor_1">-->
<!--                        <div class="products-content">-->
<!--                            <h4 class="head">Lorem ipsum dolor sit amet, consectetur adipiscing-->
<!--                                elit, sed do eiusmod tempor-->
<!--                                incididunt labore dolore .</h4>-->
<!--                            <p>Dolor ipsum non velit, culpa! Vivamus a et ut justo, init in dolor et-->
<!--                                ipsum non velit adipiscing-->
<!--                                elit.</p>-->
<!--                            <ul class="w3l-right-book mt-4">-->
<!--                                <li><span class="fa fa-check" aria-hidden="true"></span>Leading-->
<!--                                    private equity firms-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                        <div class="products-content">-->
<!--                            <h4 class="head">Lorem ipsum dolor sit amet, consectetur adipiscing-->
<!--                                elit, sed do eiusmod tempor-->
<!--                                incididunt ut labore et dolore .</h4>-->
<!--                            <p>Lorem ipsum dolor sit amet, elit. Id ab commodi impedit magnam sint-->
<!--                                voluptates.-->
<!--                                Minima velit expedita maiores, sit at in!</p>-->
<!--                            <ul class="w3l-right-book mt-4">-->
<!--                                <li><span class="fa fa-check" aria-hidden="true"></span>Helping-->
<!--                                    Nonprofit organizations-->
<!--                                </li>-->
<!--                                <li><span class="fa fa-check" aria-hidden="true"></span>Leading-->
<!--                                    private equity firms-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                        <div class="products-content">-->
<!--                            <h4 class="head">Lorem ipsum dolor sit amet, consectetur adipiscing-->
<!--                                elit, sed do eiusmod tempor-->
<!--                                incididunt ut labore et dolore </h4>-->
<!--                            <p>Lorem ipsum dolor sit amet, elit. Id ab commodi impedit magnam sint-->
<!--                                voluptates.-->
<!--                                Minima velit expedita maiores, sit at in!</p>-->
<!--                            <ul class="w3l-right-book mt-4">-->
<!--                                <li><span class="fa fa-check" aria-hidden="true"></span>Always Fast-->
<!--                                    and friendly support-->
<!--                                </li>-->
<!--                                <li><span class="fa fa-check" aria-hidden="true"></span>Experienced-->
<!--                                    Professional Team-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-lg-6 mt-lg-0 mt-sm-5 mt-4">-->
<!--                <div class="accordion">-->
<!--                    <div class="accordion-item">-->
<!--                        <button id="accordion-button-1" aria-expanded="true"><span-->
<!--                                class="accordion-title">How much does-->
<!--                                    a static website cost?</span><span class="icon"-->
<!--                                                                       aria-hidden="true"></span>-->
<!--                        </button>-->
<!--                        <div class="accordion-content">-->
<!--                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do-->
<!--                                eiusmod tempor-->
<!--                                incididunt ut labore et dolore magna aliqua. Elementum sagittis-->
<!--                                vitae et leo duis-->
<!--                                ut. Ut tortor.</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="accordion-item">-->
<!--                        <button id="accordion-button-2" aria-expanded="false"><span-->
<!--                                class="accordion-title">How to-->
<!--                                    choose a best web template?</span><span class="icon"-->
<!--                                                                            aria-hidden="true"></span>-->
<!--                        </button>-->
<!--                        <div class="accordion-content">-->
<!--                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do-->
<!--                                eiusmod tempor-->
<!--                                incididunt ut labore et dolore magna aliqua. Elementum sagittis-->
<!--                                vitae et leo duis-->
<!--                                ut. Ut pretium.</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="accordion-item">-->
<!--                        <button id="accordion-button-3" aria-expanded="false"><span-->
<!--                                class="accordion-title">How to download a-->
<!--                                    template?</span><span class="icon" aria-hidden="true"></span>-->
<!--                        </button>-->
<!--                        <div class="accordion-content">-->
<!--                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do-->
<!--                                eiusmod tempor-->
<!--                                incididunt ut labore et dolore magna aliqua. Elementum sagittis-->
<!--                                vitae et leo duis-->
<!--                                ut. Ut tortor.</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="accordion-item">-->
<!--                        <button id="accordion-button-4" aria-expanded="false"><span-->
<!--                                class="accordion-title">Why should i choose a-->
<!--                                    free website?</span><span class="icon"-->
<!--                                                              aria-hidden="true"></span></button>-->
<!--                        <div class="accordion-content">-->
<!--                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do-->
<!--                                eiusmod tempor-->
<!--                                incididunt ut labore et dolore magna aliqua. Elementum sagittis-->
<!--                                vitae et leo duis-->
<!--                                ut. Ut potenti.</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="accordion-item">-->
<!--                        <button id="accordion-button-4" aria-expanded="false"><span-->
<!--                                class="accordion-title">Why should i choose a-->
<!--                                    free website?</span><span class="icon"-->
<!--                                                              aria-hidden="true"></span></button>-->
<!--                        <div class="accordion-content">-->
<!--                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do-->
<!--                                eiusmod tempor-->
<!--                                incididunt ut labore et dolore magna aliqua. Elementum sagittis-->
<!--                                vitae et leo duis-->
<!--                                ut. Ut potenti.</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</section>-->
<!--//tabs-faqs-->
<!--/w3l-project-->
<!--<section class="w3l-project-main pb-md-0">-->
<!--    <div class="container">-->
<!--        <div class="w3l-project p-md-5 p-4 px-4">-->
<!--            <div class="row py-lg-4 px-lg-2 align-items-center">-->
<!--                <div class="col-lg-8 w3l-project-right">-->
<!--                    <div class="bottom-info">-->
<!--                        <div class="header-section pr-lg-5">-->
<!--                            <h3 class="title-w3l two">Request Free Consultation <br>and <span-->
<!--                                    class="span-bold">Lets Do It!</span>-->
<!--                            </h3>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-lg-4 w3l-project-left mt-lg-0 mt-4">-->
<!--                    <a href="#" class="btn btn-secondary btn-style"> Request Now <span-->
<!--                            class="fas fa-angle-double-right ms-2"></span></a>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</section>-->
<!--//w3l-project-->
<div style="margin: 8px auto; display: block; text-align:center;">

    <!---728x90--->


</div>
<!--/blogs-grids-->
<section class="w3l-courses" id="blog">
    <div class="blog py-5" id="classes">
        <div class="container py-lg-5">
            <div class="header-secw3 text-center">
                <h6 class="title-subhny mb-2"><span>能力</span></h6>
                <h3 class="title-w3l mb-3">涉及
                    <span class="span-bold">领域</span>
                </h3>
            </div>

            <div class="row align-items-center">
                <div class="col-lg-4 col-md-6 item mt-lg-5 mt-4">
                    <div class="card">
                        <div class="card-header p-0 position-relative">
                            <a href="blog-single.html" class="zoom d-block">
                                <img class="card-img-bottom d-block" src="assets/images/g2.jpg"
                                     alt="Card image cap">
                            </a>
                        </div>
                        <div class="card-body course-details">
                            <!--                            <div class="course-meta mb-3">-->
                            <!--                                <div class="meta-item course-lesson">-->
                            <!--                                    <a href="#"><span class="fas fa-user"></span>-->
                            <!--                                        <span class="meta-value">By Ambady </span></a>-->
                            <!--                                </div>-->

                            <!--                                <div class="meta-item course-students">-->
                            <!--                                    <span class="fas fa-calendar-week"></span>-->
                            <!--                                    <span class="meta-value"> 12.10.2021 </span>-->
                            <!--                                </div>-->
                            <!--                            </div>-->
                            <a href="blog-single.html" class="course-desc">APP研发
                            </a>
                            <p class="mt-3">10+年以上APP研发经验</p>
                            <!--                            <div class="blog-bottom-info">-->
                            <!--                                <a href="blog-single.html" class="btn btn-primary btn-style mt-4">Read-->
                            <!--                                    More <span class="fas fa-angle-double-right ms-2"></span></a>-->
                            <!--                            </div>-->
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 item mt-lg-5 mt-4">
                    <div class="card">
                        <div class="card-header p-0 position-relative">
                            <a href="blog-single.html" class="zoom d-block">
                                <img class="card-img-bottom d-block" src="assets/images/g4.jpg"
                                     alt="Card image cap">
                            </a>

                        </div>
                        <div class="card-body course-details">
                            <!--                            <div class="course-meta mb-3">-->
                            <!--                                <div class="meta-item course-lesson">-->
                            <!--                                    <a href="#"><span class="fas fa-user"></span>-->
                            <!--                                        <span class="meta-value">By Ambady </span></a>-->
                            <!--                                </div>-->

                            <!--                                <div class="meta-item course-students">-->
                            <!--                                    <span class="fas fa-calendar-week"></span>-->
                            <!--                                    <span class="meta-value"> 12.10.2021 </span>-->
                            <!--                                </div>-->
                            <!--                            </div>-->
                            <a href="blog-single.html" class="course-desc">WEB网站研发</a>
                            <p class="mt-3">50+网站完整研发经验</p>
                            <!--                            <div class="blog-bottom-info">-->
                            <!--                                <a href="blog-single.html" class="btn btn-primary btn-style mt-4">Read-->
                            <!--                                    More <span class="fas fa-angle-double-right ms-2"></span></a>-->
                            <!--                            </div>-->
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 item mt-lg-5 mt-4">
                    <div class="card">
                        <div class="card-header p-0 position-relative">
                            <a href="blog-single.html" class="zoom d-block">
                                <img class="card-img-bottom d-block" src="assets/images/g3.jpg"
                                     alt="Card image cap">
                            </a>

                        </div>
                        <div class="card-body course-details">
                            <!--                            <div class="course-meta mb-3">-->
                            <!--                                <div class="meta-item course-lesson">-->
                            <!--                                    <a href="#"><span class="fas fa-user"></span>-->
                            <!--                                        <span class="meta-value">By Ambady </span></a>-->
                            <!--                                </div>-->

                            <!--                                <div class="meta-item course-students">-->
                            <!--                                    <span class="fas fa-calendar-week"></span>-->
                            <!--                                    <span class="meta-value"> 12.10.2021 </span>-->
                            <!--                                </div>-->
                            <!--                            </div>-->
                            <a href="blog-single.html" class="course-desc">服务
                            </a>

                            <p class="mt-3">客户满意使我们最大的宗旨 </p>
                            <!--                            <div class="blog-bottom-info">-->
                            <!--                                <a href="blog-single.html" class="btn btn-primary btn-style mt-4">Read-->
                            <!--                                    More <span class="fas fa-angle-double-right ms-2"></span></a>-->
                            <!--                            </div>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--//blogs-grids->
<div style="margin: 8px auto; display: block; text-align:center;">

<!---728x90--->

</div>
<!-- /features-->
<section class="w3l-featureshny py-5" id="features">
    <div class="container py-md-4 py-2">
        <div class="row align-items-center">
            <div class="col-lg-8 pe-lg-5 mb-lg-0 mb-5">
                <div class="w3l-header-sec text-left mb-md-5 mb-4">
                    <h6 class="title-subhny mb-2"><span>研发策略</span></h6>
                    <h5 class="">相信研发能力强大的<span class="span-bold">企业</span>
                    </h5>
                    <p class="mt-3 pr-lg-5">欢迎选择我们，让你的创意在我们手上得意延伸，让创意在我们手上得意实现</p>
                    <!--                    <a href="services.html" class="btn btn-primary btn-style mt-lg-5 mt-4"> Read-->
                    <!--                        More <span class="fas fa-angle-double-right ms-2"></span></a>-->
                </div>
            </div>
            <div class="col-lg-4 mb-lg-0 mb-md-5 mb-4">
                <div class="whybox-wrap mb-4">
                    <div class="whybox-wrap-grid">
                        <div class="icon">
                            <span class="fas fa-lightbulb"></span>
                        </div>
                        <div class="info">
                            <h4><a href="#url">研发</a></h4>
                            <p class="mt-3">百人研发团队
                            </p>
                        </div>
                    </div>
                </div>
                <div class="whybox-wrap mb-4">
                    <div class="whybox-wrap-grid">
                        <div class="icon">
                            <span class="fas fa-database"></span>
                        </div>
                        <div class="info">
                            <h4><a href="#url">数据分析</a></h4>
                            <p class="mt-3">研发有价数据无价，我们采用异地容灾方案，为您保驾护航
                            </p>
                        </div>
                    </div>
                </div>
                <div class="whybox-wrap">
                    <div class="whybox-wrap-grid">
                        <div class="icon">
                            <span class="fas fa-chart-area"></span>
                        </div>
                        <div class="info">
                            <h4><a href="#url">项目落地</a></h4>
                            <p class="mt-3">我们有强大的项目落地经验
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- //features-->
<div style="margin: 8px auto; display: block; text-align:center;">

    <!---728x90--->

</div>
<!-- testimonials -->
<!--<section class="w3l-clients pb-5" id="clients">-->
<!--    &lt;!&ndash; /grids &ndash;&gt;-->
<!--    <div class="cusrtomer-layout py-5">-->
<!--        <div class="container py-lg-4 py-md-3 ">-->
<!--            <div class="heading text-center mx-auto">-->
<!--                <h6 class="title-subhny mb-2"><span>Testimonials</span></h6>-->
<!--                <h3 class="title-w3l mb-5">Happy Clients-->
<!--                    <span class="span-bold">& Feedbacks</span>-->
<!--                </h3>-->
<!--            </div>-->
<!--            &lt;!&ndash; /grids &ndash;&gt;-->
<!--            <div class="testimonial-width">-->
<!--                <div id="owl-demo1" class="owl-two owl-carousel owl-theme">-->
<!--                    <div class="item">-->
<!--                        <div class="testimonial-content">-->
<!--                            <div class="testimonial">-->
<!--                                <blockquote>-->
<!--                                    <q><i class="fas fa-quote-left"></i> Lorem ipsum dolor sit amet-->
<!--                                        consectetur adipisicing elit. Velit beatae-->
<!--                                        laudantium-->
<!--                                        voluptate rem ullam dolore nisi voluptatibus esse quasi,-->
<!--                                        doloribus tempora.-->
<!--                                        Dolores molestias adipisci dolor sit amet!.</q>-->
<!--                                </blockquote>-->
<!--                                <div class="testi-des">-->
<!--                                    <div class="test-img"><img src="assets/images/team1.jpg"-->
<!--                                                               class="img-fluid" alt="client-img">-->
<!--                                    </div>-->
<!--                                    <div class="peopl align-self">-->
<!--                                        <h3>John wilson</h3>-->
<!--                                        <p class="indentity">Example City</p>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="item">-->
<!--                        <div class="testimonial-content">-->
<!--                            <div class="testimonial">-->
<!--                                <blockquote>-->
<!--                                    <q><i class="fas fa-quote-left"></i> Lorem ipsum dolor sit amet-->
<!--                                        consectetur adipisicing elit. Velit beatae-->
<!--                                        laudantium-->
<!--                                        voluptate rem ullam dolore nisi voluptatibus esse quasi,-->
<!--                                        doloribus tempora.-->
<!--                                        Dolores molestias adipisci dolor sit amet!.</q>-->
<!--                                </blockquote>-->
<!--                                <div class="testi-des">-->
<!--                                    <div class="test-img"><img src="assets/images/team2.jpg"-->
<!--                                                               class="img-fluid" alt="client-img">-->
<!--                                    </div>-->
<!--                                    <div class="peopl align-self">-->
<!--                                        <h3>Julia sakura</h3>-->
<!--                                        <p class="indentity">Example City</p>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="item">-->
<!--                        <div class="testimonial-content">-->
<!--                            <div class="testimonial">-->
<!--                                <blockquote>-->
<!--                                    <q><i class="fas fa-quote-left"></i> Lorem ipsum dolor sit amet-->
<!--                                        consectetur adipisicing elit. Velit beatae-->
<!--                                        laudantium-->
<!--                                        voluptate rem ullam dolore nisi voluptatibus esse quasi,-->
<!--                                        doloribus tempora.-->
<!--                                        Dolores molestias adipisci dolor sit amet!.</q>-->
<!--                                </blockquote>-->
<!--                                <div class="testi-des">-->
<!--                                    <div class="test-img"><img src="assets/images/team3.jpg"-->
<!--                                                               class="img-fluid" alt="client-img">-->
<!--                                    </div>-->
<!--                                    <div class="peopl align-self">-->
<!--                                        <h3>Roy Linderson</h3>-->
<!--                                        <p class="indentity">Example City</p>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="item">-->
<!--                        <div class="testimonial-content">-->
<!--                            <div class="testimonial">-->
<!--                                <blockquote>-->
<!--                                    <q><i class="fas fa-quote-left"></i> Lorem ipsum dolor sit amet-->
<!--                                        consectetur adipisicing elit. Velit beatae-->
<!--                                        laudantium-->
<!--                                        voluptate rem ullam dolore nisi voluptatibus esse quasi,-->
<!--                                        doloribus tempora.-->
<!--                                        Dolores molestias adipisci dolor sit amet!.</q>-->
<!--                                </blockquote>-->
<!--                                <div class="testi-des">-->
<!--                                    <div class="test-img"><img src="assets/images/team4.jpg"-->
<!--                                                               class="img-fluid" alt="client-img">-->
<!--                                    </div>-->
<!--                                    <div class="peopl align-self">-->
<!--                                        <h3>Mike Thyson</h3>-->
<!--                                        <p class="indentity">Example City</p>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="item">-->
<!--                        <div class="testimonial-content">-->
<!--                            <div class="testimonial">-->
<!--                                <blockquote>-->
<!--                                    <q><i class="fas fa-quote-left"></i> Lorem ipsum dolor sit amet-->
<!--                                        consectetur adipisicing elit. Velit beatae-->
<!--                                        laudantium-->
<!--                                        voluptate rem ullam dolore nisi voluptatibus esse quasi,-->
<!--                                        doloribus tempora.-->
<!--                                        Dolores molestias adipisci dolor sit amet!.</q>-->
<!--                                </blockquote>-->
<!--                                <div class="testi-des">-->
<!--                                    <div class="test-img"><img src="assets/images/team2.jpg"-->
<!--                                                               class="img-fluid" alt="client-img">-->
<!--                                    </div>-->
<!--                                    <div class="peopl align-self">-->
<!--                                        <h3>Laura gill</h3>-->
<!--                                        <p class="indentity">Example City</p>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="item">-->
<!--                        <div class="testimonial-content">-->
<!--                            <div class="testimonial">-->
<!--                                <blockquote>-->
<!--                                    <q><i class="fas fa-quote-left"></i> Lorem ipsum dolor sit amet-->
<!--                                        consectetur adipisicing elit. Velit beatae-->
<!--                                        laudantium-->
<!--                                        voluptate rem ullam dolore nisi voluptatibus esse quasi,-->
<!--                                        doloribus tempora.-->
<!--                                        Dolores molestias adipisci dolor sit amet!.</q>-->
<!--                                </blockquote>-->
<!--                                <div class="testi-des">-->
<!--                                    <div class="test-img"><img src="assets/images/team3.jpg"-->
<!--                                                               class="img-fluid" alt="client-img">-->
<!--                                    </div>-->
<!--                                    <div class="peopl align-self">-->
<!--                                        <h3>Smith Johnson</h3>-->
<!--                                        <p class="indentity">Example City</p>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="item">-->
<!--                        <div class="testimonial-content">-->
<!--                            <div class="testimonial">-->
<!--                                <blockquote>-->
<!--                                    <q><i class="fas fa-quote-left"></i> Lorem ipsum dolor sit amet-->
<!--                                        consectetur adipisicing elit. Velit beatae-->
<!--                                        laudantium-->
<!--                                        voluptate rem ullam dolore nisi voluptatibus esse quasi,-->
<!--                                        doloribus tempora.-->
<!--                                        Dolores molestias adipisci dolor sit amet!.</q>-->
<!--                                </blockquote>-->
<!--                                <div class="testi-des">-->
<!--                                    <div class="test-img"><img src="assets/images/team4.jpg"-->
<!--                                                               class="img-fluid" alt="client-img">-->
<!--                                    </div>-->
<!--                                    <div class="peopl align-self">-->
<!--                                        <h3>Roy Linderson</h3>-->
<!--                                        <p class="indentity">Example City</p>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="item">-->
<!--                        <div class="testimonial-content">-->
<!--                            <div class="testimonial">-->
<!--                                <blockquote>-->
<!--                                    <q><i class="fas fa-quote-left"></i> Lorem ipsum dolor sit amet-->
<!--                                        consectetur adipisicing elit. Velit beatae-->
<!--                                        laudantium-->
<!--                                        voluptate rem ullam dolore nisi voluptatibus esse quasi,-->
<!--                                        doloribus tempora.-->
<!--                                        Dolores molestias adipisci dolor sit amet!.</q>-->
<!--                                </blockquote>-->
<!--                                <div class="testi-des">-->
<!--                                    <div class="test-img"><img src="assets/images/team2.jpg"-->
<!--                                                               class="img-fluid" alt="client-img">-->
<!--                                    </div>-->
<!--                                    <div class="peopl align-self">-->
<!--                                        <h3>Mike Thyson</h3>-->
<!--                                        <p class="indentity">Example City</p>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        &lt;!&ndash; /grids &ndash;&gt;-->
<!--    </div>-->
<!--    &lt;!&ndash; //grids &ndash;&gt;-->
<!--</section>-->
<!-- //testimonials -->
<!--/w3l-footer-29-main-->
<footer class="w3l-footer-29-main">
    <div class="footer-29 py-5">
        <div class="container py-lg-4">
            <div class="row align-items-center mb-3">
                <h2 class="sign-left col-lg-7"> 加入我们 </h2>
                <!--                <div class="footerw3-btn col-lg-5 ps-lg-5"><a href="#"-->
                <!--                                                              class="btn btn-secondary btn-style">-->
                <!--                    Try it For Free <span class="fas fa-angle-double-right ms-2"></span></a></div>-->
            </div>

            <div class="row footer-top-29 mt-md-5 mt-4">
                <div class="col-lg-4 col-md-6 footer-list-29 footer-1 pe-lg-5">
                    <h6 class="footer-title-29">关于</h6>
                    <div class="footer-listw3-grids">
                        <p class="pe-lg-4">成都迈乐科技有限公司ltd.</p>
                        <a target="_blank"
                           href="https://beian.miit.gov.cn/">
                            蜀ICP备2023005307号-1</a>
                        <div class="w3pt-call-box mt-4">
                            <div class="w3pt-call-info">
                                <h5>联系我们</h5>

                                <h5><a href="tel:+1(21) 234 557 456"><i
                                        class="fas fa-phone-alt me-1"></i> +86 18602888286</a>
                                </h5>
<!--                                <h5><a href="tel:+1(21) 234 4568"><i-->
<!--                                        class="far fa-envelope me-1"></i> support@mail.com</a></h5>-->

                            </div>

                        </div>
                    </div>

                </div>
<!--                <div class="col-lg-2 col-md-6 footer-list-29 footer-3 mt-lg-0 mt-5">-->
<!--                    <h6 class="footer-title-29">Links</h6>-->
<!--                    <div class="footer-listw3-grids">-->
<!--                        <ul class="footer-listw3">-->
<!--                            <li><a href="#us">About Us</a></li>-->
<!--                            <li><a href="#team">Our Team</a></li>-->
<!--                            <li><a href="#pro">Projects</a></li>-->
<!--                            <li><a href="#career">Careers</a></li>-->
<!--                            <li><a href="#terms">Terms of Use</a></li>-->
<!--                            <li><a href="#tips">Privacy Policy</a></li>-->

<!--                        </ul>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-lg-2 col-md-6 footer-list-29 footer-3 mt-lg-0 mt-5">-->
<!--                    <h6 class="footer-title-29">Services</h6>-->
<!--                    <div class="footer-listw3-grids">-->
<!--                        <ul class="footer-listw3">-->
<!--                            <li><a href="#lift">Secure services</a></li>-->
<!--                            <li><a href="#cardio">Digital arrange</a></li>-->
<!--                            <li><a href="#fit">Content strategy</a></li>-->
<!--                            <li><a href="#tips">Processing services</a></li>-->
<!--                            <li><a href="#tips">Web hosting</a></li>-->
<!--                            <li><a href="#tips">Page optimization</a></li>-->
<!--                        </ul>-->
<!--                    </div>-->
<!--                </div>-->

                <div class="col-lg-4 col-md-6 footer-list-29 footer-4 mt-lg-0 mt-5 ps-lg-5">
                    <h6 class="footer-title-29">联系我们</h6>
                    <p>您可以留下邮箱我们会主动联系您</p>

                    <form action="#" class="subscribe" method="post">
                        <input type="email" name="email" placeholder="Your Email Address"
                               required="">
                        <button><span class="fas fa-paper-plane"></span></button>
                    </form>
<!--                    <div class="main-social-footer-29 mt-4">-->
<!--                        <a href="#facebook" class="facebook"><span class="fab fa-facebook-f"></span></a>-->
<!--                        <a href="#twitter" class="twitter"><span class="fab fa-twitter"></span></a>-->
<!--                        <a href="#instagram" class="instagram"><span-->
<!--                                class="fab fa-instagram"></span></a>-->

<!--                        <a href="#linkd" class="linkd"><span class="fab fa-linkedin-in"></span></a>-->
<!--                    </div>-->
                </div>
            </div>
<!--            <div class="bottom-copies text-center">-->
            <!--                <p class="copy-footer-29">© KoDeal. All rights reserved.-->
            <!--                </p>-->
            <!--            </div>-->
        </div>
    </div>

    <!-- move top -->
    <button onclick="topFunction()" id="movetop" title="Go to top">
        <span class="fa fa-angle-up"></span>
    </button>
    <script>
      // When the user scrolls down 20px from the top of the document, show the button
      window.onscroll = function () {
        scrollFunction()
      };

      function scrollFunction() {
        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
          document.getElementById("movetop").style.display = "block";
        } else {
          document.getElementById("movetop").style.display = "none";
        }
      }

      // When the user clicks on the button, scroll to the top of the document
      function topFunction() {
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
      }

    </script>
    <!-- //move top -->

</footer>
<!--//footer-9 -->
<!-- Js scripts -->
<!-- Template JavaScript -->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<script src="assets/js/theme-change.js"></script>
<!-- Lightbox --
<script src="assets/js/jquery-2.1.4.min.js"></script>
<script src="assets/js/simpleLightbox.js"></script>
<script>
    $('.w3layouts_gallery_grid a').simpleLightbox();

</script>
<!-- //Lightbox -->
<script src="assets/js/jquery-1.9.1.min.js"></script>
<!-- faq -->
<script>
  const items = document.querySelectorAll(".accordion button");

  function toggleAccordion() {
    const itemToggle = this.getAttribute('aria-expanded');

    for (i = 0; i < items.length; i++) {
      items[i].setAttribute('aria-expanded', 'false');
    }

    if (itemToggle == 'false') {
      this.setAttribute('aria-expanded', 'true');
    }
  }

  items.forEach(item => item.addEventListener('click', toggleAccordion));

</script>
<!-- //faq -->
<script src="assets/js/easyResponsiveTabs.js"></script>
<!--Plug-in Initialisation-->
<script type="text/javascript">
  $(document).ready(function () {
    //Horizontal Tab
    $('#parentHorizontalTab').easyResponsiveTabs({
      type: 'default', //Types: default, vertical, accordion
      width: 'auto', //auto or any width like 600px
      fit: true, // 100% fit in a container
      tabidentify: 'hor_1', // The tab groups identifier
      activate: function (event) { // Callback function if tab is switched
        var $tab = $(this);
        var $info = $('#nested-tabInfo');
        var $name = $('span', $info);
        $name.text($tab.text());
        $info.show();
      }
    });
  });

</script>
<script src="assets/js/circles.js"></script>
<!-- owlcarousel -->
<script src="assets/js/owl.carousel.js"></script>
<!-- script for banner slider-->
<script>
  $(document).ready(function () {
    $('.owl-one').owlCarousel({
      loop: true,
      margin: 0,
      nav: false,
      responsiveClass: true,
      autoplay: true,
      autoplayTimeout: 5000,
      autoplaySpeed: 1000,
      autoplayHoverPause: false,
      responsive: {
        0: {
          items: 1
        },
        480: {
          items: 1
        },
        667: {
          items: 1
        },
        1000: {
          items: 1
        }
      }
    })
  })

</script>
<!-- //script -->
<!-- script for tesimonials carousel slider -->
<script>
  $(document).ready(function () {
    $("#owl-demo1").owlCarousel({
      loop: true,
      margin: 200,
      nav: false,
      responsiveClass: true,
      responsive: {
        0: {
          items: 1,
          nav: false
        },
        736: {
          items: 1,
          nav: false
        },
        1000: {
          items: 2,
          nav: false,
          margin: 30,
          loop: false
        }
      }
    })
  })

</script>
<!-- //script for tesimonials carousel slider -->
<!-- video popup -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script>
  $(document).ready(function () {
    $('.popup-with-zoom-anim').magnificPopup({
      type: 'inline',

      fixedContentPos: false,
      fixedBgPos: true,

      overflowY: 'auto',

      closeBtnInside: true,
      preloader: false,

      midClick: true,
      removalDelay: 300,
      mainClass: 'my-mfp-zoom-in'
    });

    $('.popup-with-move-anim').magnificPopup({
      type: 'inline',

      fixedContentPos: false,
      fixedBgPos: true,

      overflowY: 'auto',

      closeBtnInside: true,
      preloader: false,

      midClick: true,
      removalDelay: 300,
      mainClass: 'my-mfp-slide-bottom'
    });
  });

</script>
<!-- //video popup -->
<!-- MENU-JS -->
<script>
  $(window).on("scroll", function () {
    var scroll = $(window).scrollTop();

    if (scroll >= 80) {
      $("#site-header").addClass("nav-fixed");
    } else {
      $("#site-header").removeClass("nav-fixed");
    }
  });

  //Main navigation Active Class Add Remove
  $(".navbar-toggler").on("click", function () {
    $("header").toggleClass("active");
  });
  $(document).on("ready", function () {
    if ($(window).width() > 991) {
      $("header").removeClass("active");
    }
    $(window).on("resize", function () {
      if ($(window).width() > 991) {
        $("header").removeClass("active");
      }
    });
  });

</script>
<!-- //MENU-JS -->

<!-- disable body scroll which navbar is in active -->
<script>
  $(function () {
    $('.navbar-toggler').click(function () {
      $('body').toggleClass('noscroll');
    })
  });

</script>
<!-- //disable body scroll which navbar is in active -->

<!-- //bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>


</body>

</html>
